Skip to content

Conversation

MSoup
Copy link

@MSoup MSoup commented Feb 27, 2022

Issue 14 here

Was wondering why bootstrap didn't style things appropriately :)

Oh, also it might be possible that the bootstrap CDN is outdated. At this point of the tutorial, I am using <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> to make it work, but maybe it's fine to only fix the } part for now. I hope this helps, I realize you wrote this like 7 years ago.

There are 5 instances where class="list-group-item" has an extra "}", which TypeScript / Linting does not detect. The result is that bootstrap does not pick up on the list-group-item class and does not style the todo list item correctly.
Fix class="list-group-item}" to "list-group-item"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant